<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui" charset="UTF-8">
 	
	<title>找牛网-供应详情</title>
	<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/deliveryDetails.css">
	<link rel="shortcut icon" href="favicon.ico"/>
	<!--<link rel="stylesheet" type="text/css" href="css/orderPopup.css">-->
	<!--<link rel="stylesheet" type="text/css" href="lib/swiper/swiper-3.3.1.min.css">-->
	<style type="text/css">
		#header_delivery #header_delivery_2 .colorStyle{
			font-size: 12px;
			color: #666666;
		}
		#mian_delivery h4{
			width: 100%;
			height: 40px;
			line-height: 40px;
			color: #53a2f8;
			background-color: #F6FBFF;
			padding-left: 2%;
		}
		#mian_delivery .active2{
			height: 30px;
			position: relative;
			left: 68px;
			color: black;
			font-size: 14px;
			margin-left: 10px
		}
		#mian_delivery .active2 em{
			font-style: normal;
		}
		#mian_delivery .active3 a{
			width: 24px;
			height: 30px;
		}
		#mian_delivery .active3{
		    position: absolute;
		    top: 60px;
		    left: 82%;
		}

		#mian_delivery .active3 div{
			height: 35px;
			line-height: 35px;
			border-left: 1px solid #D6D6D6;
			padding-left: 17px;
		}
		#mian_delivery .active3 img{
			width: 24px;
		    height: 30px;
		    margin-top: -2px;
		}
		#mian_delivery .active2 img{		
			width: 17px;
			margin-right: 6px;
		}
		#mian_delivery .active1{
			height: 56px;
			width: 56px;
			position: absolute;
			left: 10px;
			top: 46px;
		}
		#mian_delivery .active1 img{
			width: 100%;
			height: 100%;
			
		}
		#mian_delivery >div{
			padding-bottom: 8px;
		}
		#mian_delivery ul h4{
			line-height: 40px;
		}
		#mian_delivery ol h4{
		    width: 100%;
		    height: 40px;
		    line-height: 40px;
		    /*margin: 0px 10px 0px 10px;*/
		    color: #53a2f8;
		}
		#mian_delivery ol li:nth-of-type(1){
		   background-color: #FFFFFF;
		   margin-top: 10px;
		}
		#bigBox{overflow-y: auto;}

		
	</style>
</head>
<body style="display: none;">
<div id="bigBox">
	<header class="header-tab">
		<div>
			<a href="javascript:;">
                <span>
			        <img src="img/order_left.png" alt="">
		        </span>
			</a>
			<h5>详情</h5>
		</div>
	</header>

		<!-- 效果图 品类-->
		<div id="header_delivery">
			<div>
				<div class="content1_1_left">
					<div class="swiper-container">
						<img src="img/defaultImg.png" alt="" />
					</div>
				</div>
			</div>
			<div id="header_delivery_2">
				<div>
					<p></p>
				</div>
                <span></span>
				<!--<ul class="clear">-->
					<!--&lt;!&ndash;<li>-->
						<!--<span>¥30/吨</span>-->
					<!--</li>-->
					<!--<li>所在地：<span>北京</span>-->
					<!--</li>&ndash;&gt;-->
				<!--</ul>-->
			</div>
		</div>

		<!-- 具体的详情信息 -->
		<div id="mian_delivery">

			<!-- 联系方式 -->
			<div>
				<h4>联系人
					<!--<span id='shop'  class='fr hidden'>进入店铺 <i>>>></i></span>-->
				</h4>
				<div class="active1">
					<img src="img/user.png" alt="" />
				</div>
				<div class="active2">
					发布人：<em></em>

				</div>
				<div class="active2">
					联系电话：<em></em>
				</div>
				<div class="active3">
					<div>
						<a href="#">
							<img src="img/phoneNew.png" alt="phone" />
						</a>

					</div>

				</div>
			</div>


			<!-- 产品参数 -->
			<ul class='clearfix'>
				<h4>产品参数</h4>
				<li>数量：
					<span></span>
				</li>
				<li>厂号：
					<span></span>
				</li>
				<li>产地：<span></span>
				</li>
				<li>包装：
					<span></span>
				</li>

				<li>所在地：
					<span></span>
				</li>

				<li>供货类型：
					<span></span>
				</li>
				<li>保质期：
					<span></span>
				</li>
                <li>精修比例：
					<span></span>
				</li>
                <li>企业：
                    <span></span>
                </li>
			</ul>

			<!-- 资源详情-->
			<ol>
				<!--<h4>资源详情</h4>-->
				<!--<li>
					<h4>资源详情</h4>
					<p></p>
				</li>
				<li>
					<img src="img/delivery_2.jpg">
					<img src="img/delivery_3.jpg">
					<img src="img/delivery_4.jpg">
					<img src="img/delivery_5.jpg">
					<img src="img/delivery_6.jpg">
				</li>-->
			</ol>

		</div>
		<div id="footer_delivery">
			<ul>
				<li><img src="img/devhome.png"><p>首页</p></li>
				<li><img src="img/delivery_share.png"><p>分享</p></li>
				<li>委托洽谈</li>
			</ul>
		</div>
	<!--弹出框-->
	<div id="orderPage" class="orderPage">
		<div id="orderPopup">
			<ul>
				<li class="orderPopup_1">
					<img src="img/supplyPopup.png">
				</li>
				<li class="orderPopup_2">
					<h3>采购订单已生成</h3>
				</li>
				<li class="orderPopup_3_1">
					<p>交易员会在30min内和您联系</p>
				</li>
				<li class="orderPopup_4">
					<button>完成</button>
				</li>
			</ul>
		</div>
	</div>
</div>	
<div id="sharePage" class="orderPage">
	<div class="shareImg">
		<img src="img/wenzi.png" alt="" />
	</div>
</div>

	<script>
		isCanshare=true;
	</script>
	<script src="lib/jquery/jquery.js"></script>
	<script src="lib/jquery/fastclick.js" type="text/javascript" charset="utf-8"></script>
	<script>
		$(function () {
			FastClick.attach(document.body);
		});
	</script>
	<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js"></script>
	<script src="js/count.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/deliveryDetails.js" type="text/javascript" charset="utf-8"></script>

</body>
</html>
